﻿<!-- INICIO HEADER -->
<header id="header" class="ng-scope" ><!-- <logo start-->
<div class="brand ng-scope">
    <a href="#/home" class="logo">
        <i class="icon-layers"></i>
        <span>SMART</span>CON</a>
</div>
<!--logo end-->
<ul class="nav navbar-nav navbar-left ng-scope">
    <li class="toggle-navigation toggle-left" toggle-left-sidebar=""><button ng-click="toggleLeft()" class="sidebar-toggle" id="toggle-left"><i class="fa fa-bars"></i></button></li>
    <li class="toggle-profile hidden-xs" toggle-profile=""><button ng-click="toggleProfile()" type="button" class="btn btn-default" id="toggle-profile"><i class="icon-user"></i></button></li>
    <li class="hidden-xs hidden-sm">
        <input type="text" class="search" placeholder="Search project...">
        <button type="submit" class="btn btn-sm btn-search"><i class="fa fa-search"></i>
        </button>
    </li>
</ul>
<ul class="nav navbar-nav navbar-right ng-scope" >
     <li class="dropdown profile hidden-xs">
                    <a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown">
                        <span class="meta">
                            <span class="avatar">
                                <!-- <img src="img/profile.jpg" class="img-circle" alt="">  -->
                            </span>
                            <span class="text">{{username}}</span>
                            <span class="caret"></span>
                        </span>
                    </a>
                    <ul class="dropdown-menu animated flipInX" role="menu">
                        <li>
                            <span class="arrow top"></span>
                            <h5>
                                <p>80%</p>
                                <small class="text-muted">Perfil completo</small>
                            </h5>
                            <div class="progress progress-xs">
                                <div class="progress-bar progress-bar" style="width: 80%">
                                </div>
                            </div>
                        </li>
                        <li class="divider"></li>
                        <li>
                            <a href="javascript:void(0);">
                                <span class="icon"><i class="fa fa-user"></i>
                                </span>Minha Conta</a>
                        </li>
                        <li>
                            <a href="javascript:void(0);">
                                <span class="icon"><i class="fa fa-envelope"></i>
                                </span>Mensagens</a>
                        </li>
                        <li>
                            <a href="javascript:void(0);">
                                <span class="icon"><i class="fa fa-cog"></i>
                                </span>Configurações</a>
                        </li>
                        <li class="divider"></li>
                        <li>
                            <a href ng-click="logout()">
                                <span class="icon"><i class="fa fa-sign-out"></i>
                                </span>Sair</a>
                        </li>
                    </ul>
                </li>
    <li class="toggle-fullscreen hidden-xs" fullscreen-mode=""><button ng-click="toggleFullscreen()" type="button" class="btn btn-default expand" id="toggle-fullscreen"><i class="fa fa-expand"></i></button></li>
    <li class="toggle-navigation toggle-right" toggle-right-sidebar=""><button ng-click="toggleRight()" class="sidebar-toggle" id="toggle-right"><i class="fa fa-indent"></i></button></li>
</ul>
</header>
<!-- FIM HEADER -->
